#main .swiper-slide img {width: 100%;}

@media (max-width: 769px) {
   #main {overflow-x: hidden;}
   #main #topBanner {position: relative;}
   #main #topBanner .txt {display: none;}
   #main .swiper-container-horizontal>.swiper-pagination-bullets {text-align: right;padding-right: 30px;position: absolute;bottom: 20px;right: 0;}
   #main .swiper-pagination .swiper-pagination-bullet {width: 10px;height: 10px;background-color: initial;border: 1px solid #FFF;opacity: .6;}
   #main .swiper-pagination .swiper-pagination-bullet-active {background-color: #FFF;opacity: 1;}
   #main .title h2 {text-align: center;padding: 15px 50px 0;}
   #main .title p {padding: 0 50px;font-size: 13px;letter-spacing: 1px;text-align: center;line-height: 20px;}
   #main #swiper-nav {margin-top: 30px;}
   #main #swiper-nav .swiper-slide{width:170px;margin-left: 5px;}
   #main #swiper-nav .swiper-slide:nth-child(1) {margin-left: 0;}
   #main #swiper-nav .swiper-slide .box {text-align: center;position: absolute;top: 30%;left: 0;}
   #main #swiper-nav .swiper-slide .box img {width: 60%;}
   #main #swiper-nav .swiper-slide .box p {color: #FFF;font-size: 17px;letter-spacing: 1px;margin-top: 12px;}
   #main #swiper-nav .swiper-slide .num {width: 100%;position: absolute;bottom: 0;left: 0;font-size: 18px;font-weight: bold;text-align: center;color: rgba(255, 255, 255, .5);}
   #main .video {width: 100%;height: 40.6vw;margin-top: 50px;position: relative;}
   #main .video .videoBg {width: 100%;height: 100%;}
   #main .video .play {width: 100%;position: absolute;top: 33%;left: 0;text-align: center;}
   #main .video .play .playIcon {width: 40px;height: 40px;}
   #main .video .play p:nth-child(2) {font-family: "Gotham Bold";color: #FFF;margin: 8px 0 0;font-size: 20px;font-weight: bold;}
   #main .video .play p:nth-child(3) {color: #FFF;font-size: 15px;margin-top: -5px;letter-spacing: 2px;}
   #main .professionalDevList {margin-top: 50px;}
   #main .professionalDevList li {position: relative;}
   #main .professionalDevList li .bg {width: 100%;height: 100%;}
   #main .professionalDevList li .box .txt {color: #FFF;position: absolute;top: 10%;left: 10%;}
   #main .professionalDevList li .box .txt span:nth-child(1) {font-family: "Gotham Bold";font-size: 20px;display: block;line-height: 1;}
   #main .professionalDevList li .box .txt span:nth-child(2) {font-size: 24px;margin-top: 5px;display: block;}
   #main .professionalDevList li .box .more {display: none;}
   #main .professionalDevList li .box .icon {width: 80px;height: 80px;position: absolute;top: 10%;right: 10%;}
   #main #newsList {position: relative;}
   #main #newsList #swiper-news {margin-top: 40px;padding: 0 20px;}
   #main #newsList #swiper-news .swiper-slide{width:75%;padding: 20px;background-color: #F8F8F8;border-bottom: 3px solid #01dd62;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(2) {margin-top: 20px;font-size: 12px;color: #41210f;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(3) {color: #41210f;font-weight: bold;letter-spacing: 1px;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(4) span {display: none;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(4) i {color: #01dd62;font-size: 22px;}
   #main #newsList .swiper-button-prev, #main #newsList .swiper-button-next {width: 30px;height: 30px;background-color: #FFF;color: #01DD62;border: 2px solid #01DD62;opacity: 1;border-radius: 50%;background-image: initial;font-size: 15px;outline: none;display: flex;justify-content: center;align-items: center;}
   #main #newsList .swiper-button-prev {left: 14px;transform: rotate(180deg);}
   #main #newsList .swiper-button-next {right: 14px;}
   #main #newsList .swiper-button-prev:hover, #main #newsList .swiper-button-next:hover {background-color: #01dd62;color: #FFF;}
   #main #newsList #swiper-news .swiper-button-prev {background-image: none;width: 40px;height: 40px;line-height: 34px;text-align: center;background-color: #FFF;color: #01DD62;border-radius: 50%;opacity: 1;font-size: 18px;transform: rotate(180deg);border: 3px solid #01DD62;outline: none;}
   #main #newsList #swiper-news .swiper-button-next {background-image: none;width: 40px;height: 40px;line-height: 34px;text-align: center;background-color: #FFF;color: #01DD62;border-radius: 50%;opacity: 1;font-size: 18px;border: 3px solid #01DD62;outline: none;}
   #main #newsList #swiper-news .swiper-button-prev:hover, #main #newsList #swiper-news .swiper-button-next:hover {background-color: #01dd62;color: #FFF;}
   #main #newsList .more {width: 110px;height: 35px;line-height: 35px;margin: 35px auto;background-color: #01DD62;border-radius: 35px;color: #FFF;font-size: 13px;display: flex;align-items: center;justify-content: center;}
   #main #newsList .more i {margin-left: 35px;font-size: 17px;}
   .videoModel {width: 100%;height: 100%;background-color: rgba(32, 31, 31, 0.6);display: none;position: fixed;top: 0;left: 0;z-index: 9999;}
   .videoModel #videoBox {width: 100%;height: 500px;display: none;margin: 150px auto;background-color: #000;}
   .videoModel #videoBox source{width: 100%;height: 100%;}
}

@media (min-width: 769px) and (max-width: 1100px) {
   #main {margin-bottom: 60px;}
   #main #topBanner .swiper-pagination {width: 20px;position: absolute;top: 45%;right: 50px;left: inherit;}
   #main #topBanner .txt {position: absolute;top: 14.6vw;left: 5.3vw;}
   #main #topBanner .txt p:nth-child(1) {font-family: "Gotham Bold";font-size: 4.2vw;letter-spacing: -2px;line-height: 3.9vw;color: #FFF;}
   #main #topBanner .txt p:nth-child(2) {font-size: 3.6vw;letter-spacing: 3.5px;color: #FFF;}
   #main #topBanner .txt p:nth-child(3) {font-size: 1vw;color: #FFF;letter-spacing: 1.5px;line-height: 1.7vw;}
   #main #topBanner .txt .more {width: 11.5vw;height: 3.1vw;line-height: 3.1vw;margin-top: 4vw;border-radius: 60px;color: #FFF;font-size: 0.9vw;display: flex;align-items: center;justify-content: space-between;padding: 0 2.1vw;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#99cc00, #99cc00);background-blend-mode: normal, normal;}
   #main #topBanner .txt .more i {font-size: 1.5vw;margin-left: 0;}
  
   #main #topBanner .swiper-pagination .swiper-pagination-bullet {background: inherit !important;opacity: 1 !important;border: 1px solid #FFF;}
   #main #topBanner .swiper-pagination .swiper-pagination-bullet-active {background-color: #FFF !important;}
   #main .title {text-align: center;padding: 80px 0 69px;}
   #main .title h2 {font-size: 48px;font-weight: normal;letter-spacing: 2px;color: #41210f;margin: 0;}
   #main .title p {width: 1000px;line-height: 36px;font-size: 18px;margin: 20px auto 0;color: rgba(65, 33, 15, .7);}
   #main #swiper-nav .swiper-slide {width: 270px;cursor: pointer;position: relative;overflow: hidden;}
   #main #swiper-nav .swiper-slide::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;z-index: 1;}
   #main #swiper-nav .swiper-slide:nth-child(1):hover::before {background: linear-gradient(to bottom, rgba(78, 196, 1, .5) 0%, rgba(202, 237, 108, .2) 40%, rgba(255, 255, 255, 0) 100%);}
   #main #swiper-nav .swiper-slide:nth-child(2):hover::before {background: linear-gradient(to bottom, rgba(8, 153, 201, .5) 0%, rgba(162, 216, 239, .2) 40%, rgba(255, 255, 255, 0) 100%);}
   #main #swiper-nav .swiper-slide:nth-child(3):hover::before,
   #main #swiper-nav .swiper-slide:nth-child(4):hover::before,
   #main #swiper-nav .swiper-slide:nth-child(5):hover::before {background: linear-gradient(to bottom, rgba(253, 49, 107, .5) 0%, rgba(254, 293, 210, .2) 40%, rgba(255, 255, 255, 0) 100%);}
   #main #swiper-nav .swiper-slide:nth-child(6):hover::before {background: linear-gradient(to bottom, rgba(255, 174, 0, .5) 0%, rgba(237, 223, 178, .2) 40%, rgba(255, 255, 255, 0) 100%);}
   #main #swiper-nav .swiper-slide:nth-child(7):hover::before {background: linear-gradient(to bottom, rgba(251, 104, 46, .5) 0%, rgba(236, 201, 192, .2) 40%, rgba(255, 255, 255, 0) 100%);}
   #main #swiper-nav .swiper-slide .bgImg {transition: all .5s;}
   #main #swiper-nav .swiper-slide:hover .bgImg {transform: scale(1.1);}
   #main #swiper-nav .swiper-slide .box {width: 100%;margin-bottom: 30%;text-align: center;color: #FFF;padding: 0px 38px;letter-spacing: 1px;position: absolute;bottom: 0;left: 0;overflow: hidden;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
   #main #swiper-nav .swiper-slide .box img {width: 100%;padding: 0 15px;}
   #main #swiper-nav .swiper-slide .box>p:nth-child(2) {font-size: 30px;margin: 26px 0 0;letter-spacing: 1px;}
   #main #swiper-nav .swiper-slide .box div {height: 170px;opacity: 0;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
   #main #swiper-nav .swiper-slide .box div .line {width: 20px;height: 3px;display: block;margin: 15px auto;}
   #main #swiper-nav .swiper-slide .box div p {font-size: 16px;line-height: 30px;}
   #main #swiper-nav .swiper-slide:hover .box {bottom: 80px;}
   #main #swiper-nav .swiper-slide:hover .box div {opacity: 1;}
   #main #swiper-nav .swiper-slide .num {font-family: "Gotham Bold";width: 100%;text-align: center;color: rgba(255, 255, 255, .5);position: absolute;bottom: 30px;left: 0;font-size: 22px;}
   #main .video {width: 100%;height: 40.6vw;position: relative;}
   #main .video::before {content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);position: absolute;top: 0;left: 0;}
   #main .video .videoBg {width: 100%;height: 100%;}
   #main .video .play {width: 100%;position: absolute;top: 18.1vw;left: 0;text-align: center;}
   #main .video .play .playIcon {width: 5vw;height: 5vw;}
   #main .video .play p:nth-child(2) {font-family: "Gotham Bold";letter-spacing: -1px;color: #FFF;margin: 12px 0 0;font-size: 1.6vw;}
   #main .video .play p:nth-child(3) {color: #FFF;font-size: 0.9vw;margin-top: -3px;letter-spacing: 2px;}
   #main .professionalDevList ul {
      width: 100%;
      display: block;
      margin: 0;
   }
   #main .professionalDevList li {position: relative;height: 20.8vw;padding: 0;cursor: pointer;overflow: hidden;}
   #main .professionalDevList li .bg {width: 100%;height: 100%;}
   #main .professionalDevList li .box {width: 100%;height: 100%;position: absolute;top: 5.2vw;left: 0;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;}
   #main .professionalDevList li::before {content: "";width: 10px;height: 10px;opacity: 0;border-radius: 50%;position: absolute;top: -20px;left: -20px;background-image: linear-gradient(90deg, rgba(0, 220, 98, .6) 0%, rgba(141, 241, 0, .6) 140%), linear-gradient( rgba(254, 104, 46, .6), rgba(254, 104, 46, .6));background-blend-mode: normal, normal;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
   #main .professionalDevList li:hover::before {width: 50vw;height: 50vw;transform: scale(1.5);opacity: 1;}
   #main .professionalDevList li:hover .box {top: 0;}
   #main .professionalDevList li .box .txt {position: absolute;top: 4.8vw;left: 5.1vw;color: #FFF;}
   #main .professionalDevList li .box .txt span:nth-child(1) {font-family: "Gotham Bold";font-size: 2.1vw;display: block;line-height: 1;}
   #main .professionalDevList li .box .txt span:nth-child(2) {font-size: 2.1vw;position: relative;padding-left: 15px;float: left;margin-top: 5px;}
   #main .professionalDevList li .box .txt span:nth-child(2)::before {content: "";width: 0.4vw;height: 1.9vw;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient( #fb682e, #fb682e);position: absolute;left: 0;top: 0.5vw;}
   #main .professionalDevList li:hover .box .txt span:nth-child(2)::before {background-image: initial;background-color: #FFF;}
   #main .professionalDevList li .box .more {width: 140px;height: 40px;line-height: 40px;border-radius: 40px;color: #01DD62;background-color: #FFF;position: absolute;top: 14.8vw;left: 5.2vw;font-size: 15px;display: flex;align-items: center;justify-content: center;font-weight: bold;opacity: 0;}
   #main .professionalDevList li:hover .box .more {opacity: 1;}
   #main .professionalDevList li .box .more i {font-size: 20px;padding-left: 25px;}
   #main .professionalDevList li .box .icon {width: 5.7vw;height: 5.7vw;position: absolute;top: 5.5vw;right: 5.1vw;}
   #main #newsList {position: relative;}
   #main #newsList #swiper-news {width: 90%;}
   #main #newsList #swiper-news .swiper-slide{width:32%;padding: 20px;background-color: #F8F8F8;cursor: pointer;}
   #main #newsList #swiper-news .swiper-slide::after {content: "";width: 100%;height: 4px;position: absolute;bottom: 0;left: 0;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient( #99cc00,  #99cc00); background-blend-mode: normal,  normal;}
   #main #newsList #swiper-news .swiper-slide:hover {background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient( #99cc00,  #99cc00); background-blend-mode: normal,  normal;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(1) {overflow: hidden;}
   #main #newsList #swiper-news .swiper-slide img {transition: all .5s;}
   #main #newsList #swiper-news .swiper-slide:hover img {transform: scale(1.1);}
   #main #newsList #swiper-news .swiper-slide p:nth-child(2) {font-family: "Gotham Book";margin: 2.1vw 0 1.4vw;font-size: 0.9vw;color: #444;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(3) {line-height: 2.2vw;margin: 0;color: #444;letter-spacing: 2px;font-size: 1.6vw;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(4) {display: flex;align-items: center;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(4) span {display: none;color: #FFF;margin-right: 20px;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(4) i {color: #01dd62;font-size: 1.2vw;padding: 1vw 0;display: block;}
   #main #newsList #swiper-news .swiper-slide:hover p:nth-child(2), #main #newsList #swiper-news .swiper-slide:hover p:nth-child(3) {color: #FFF;}
   #main #newsList #swiper-news .swiper-slide:hover p:nth-child(4) span {display: block;}
   #main #newsList #swiper-news .swiper-slide:hover p:nth-child(4) i {color: #FFF;}
   #main #newsList .swiper-button-prev, #main #newsList .swiper-button-next {width: 40px;height: 40px;line-height: 40px;background-color: #FFF;color: #01DD62;border: 2px solid #01DD62;opacity: 1;border-radius: 50%;background-image: initial;font-size: 24px;text-align: center;outline: none;top: 43%;}
   #main #newsList .swiper-button-prev {left: 1.5vw;transform: rotate(180deg);}
   #main #newsList .swiper-button-next {right: 1.5vw;}
   #main #newsList .swiper-button-prev:hover, #main #newsList .swiper-button-next:hover {background-color: #01dd62;color: #FFF;}
   #main #newsList .more {width: 11.5vw;height: 3.1vw;line-height: 3.1vw;margin: 3.7vw auto 0;border-radius: 60px;color: #FFF;font-size: 0.9vw;display: flex;align-items: center;justify-content: space-between;padding: 0 2.1vw;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#99cc00, #99cc00);background-blend-mode: normal, normal;cursor: pointer;}
   #main #newsList .more i {font-size: 1.5vw;margin-left: 0;}
   .videoModel {width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);display: none;position: fixed;top: 0;left: 0;z-index: 9999;}
   .videoModel #videoBox {width: 800px;height: 500px;display: none;margin: 150px auto;background-color: #000;}
   .videoModel #videoBox source{width: 100%;height: 100%;}
}

@media (min-width: 1100px) {
   #main {margin-bottom: 60px;}
   #main #topBanner .swiper-pagination {width: 20px;position: absolute;top: 45%;right: 50px;left: inherit;}
   #main #topBanner .txt {position: absolute;top: 14.6vw;left: 5.3vw;}
   #main #topBanner .txt p:nth-child(1) {font-family: "Gotham Bold";font-size: 4.2vw;letter-spacing: -2px;line-height: 3.9vw;color: #FFF;}
   #main #topBanner .txt p:nth-child(2) {font-size: 3.6vw;letter-spacing: 3.5px;color: #FFF;}
   #main #topBanner .txt p:nth-child(3) {font-size: 1vw;color: #FFF;letter-spacing: 1.5px;line-height: 1.7vw;}
   #main #topBanner .txt .more {width: 11.5vw;height: 3.1vw;line-height: 3.1vw;margin-top: 4vw;border-radius: 60px;color: #FFF;font-size: 0.9vw;display: flex;align-items: center;justify-content: space-between;padding: 0 2.1vw;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#99cc00, #99cc00);background-blend-mode: normal, normal;}
   #main #topBanner .txt .more i {font-size: 1.5vw;margin-left: 0;}

   #main #topBanner .swiper-pagination .swiper-pagination-bullet {background: inherit !important;opacity: 1 !important;border: 1px solid #FFF;}
   #main #topBanner .swiper-pagination .swiper-pagination-bullet-active {background-color: #FFF !important;}
   #main .title {text-align: center;padding: 80px 0 69px;}
   #main .title h2 {font-size: 48px;font-weight: normal;letter-spacing: 2px;color: #41210f;margin: 0;}
   #main .title p {width: 1000px;line-height: 36px;font-size: 18px;margin: 20px auto 0;color: rgba(65, 33, 15, .7);}
   #main #swiper-nav .swiper-slide {width: 270px;cursor: pointer;overflow: hidden;}
   #main #swiper-nav .swiper-slide a {display: inline-block;position: relative;overflow: hidden;}
   #main #swiper-nav .swiper-slide a::before {content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all .3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;z-index: 1;}
   #main #swiper-nav .swiper-slide:nth-child(1):hover a::before {background: linear-gradient(to bottom, rgba(78, 196, 1, .5) 0%, rgba(202, 237, 108, .2) 40%, rgba(255, 255, 255, 0) 100%);}
   #main #swiper-nav .swiper-slide:nth-child(2):hover a::before {background: linear-gradient(to bottom, rgba(8, 153, 201, .5) 0%, rgba(162, 216, 239, .2) 40%, rgba(255, 255, 255, 0) 100%);}
   #main #swiper-nav .swiper-slide:nth-child(3):hover a::before,
   #main #swiper-nav .swiper-slide:nth-child(4):hover a::before,
   #main #swiper-nav .swiper-slide:nth-child(5):hover a::before {background: linear-gradient(to bottom, rgba(253, 49, 107, .5) 0%, rgba(254, 293, 210, .2) 40%, rgba(255, 255, 255, 0) 100%);}
   #main #swiper-nav .swiper-slide:nth-child(6):hover a::before {background: linear-gradient(to bottom, rgba(255, 174, 0, .5) 0%, rgba(237, 223, 178, .2) 40%, rgba(255, 255, 255, 0) 100%);}
   #main #swiper-nav .swiper-slide:nth-child(7):hover a::before {background: linear-gradient(to bottom, rgba(251, 104, 46, .5) 0%, rgba(236, 201, 192, .2) 40%, rgba(255, 255, 255, 0) 100%);}
   #main #swiper-nav .swiper-slide .bgImg {transition: all .5s;}
   #main #swiper-nav .swiper-slide:hover .bgImg {transform: scale(1.1);}
   #main #swiper-nav .swiper-slide .box {width: 100%;margin-bottom: 30%;text-align: center;color: #FFF;padding: 0px 38px;letter-spacing: 1px;position: absolute;bottom: 0;left: 0;overflow: hidden;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
   #main #swiper-nav .swiper-slide .box img {width: 100%;padding: 0 15px;}
   #main #swiper-nav .swiper-slide .box>p:nth-child(2) {font-size: 30px;margin: 26px 0 0;letter-spacing: 1px;}
   #main #swiper-nav .swiper-slide .box div {height: 170px;opacity: 0;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
   #main #swiper-nav .swiper-slide .box div .line {width: 20px;height: 3px;display: block;margin: 15px auto;}
   #main #swiper-nav .swiper-slide .box div p {font-size: 16px;line-height: 30px;}
   #main #swiper-nav .swiper-slide:hover .box {bottom: 80px;}
   #main #swiper-nav .swiper-slide:hover .box div {opacity: 1;}
   #main #swiper-nav .swiper-slide .num {font-family: "Gotham Bold";width: 100%;text-align: center;color: rgba(255, 255, 255, .5);position: absolute;bottom: 30px;left: 0;font-size: 22px;}
   #main .video {width: 100%;height: 40.6vw;position: relative;cursor: pointer;}
   #main .video .videoBg {width: 100%;height: 100%;}
   #main .video::before {content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, .4);position: absolute;top: 0;left: 0;}
   #main .video .play {width: 100%;position: absolute;top: 18.1vw;left: 0;text-align: center;}
   #main .video .play .playIcon {width: 5vw;height: 5vw;}
   #main .video .play p:nth-child(2) {font-family: "Gotham Bold";letter-spacing: -1px;color: #FFF;margin: 12px 0 0;font-size: 1.6vw;}
   #main .video .play p:nth-child(3) {color: #FFF;font-size: 0.9vw;margin-top: -3px;letter-spacing: 2px;}
   #main .professionalDevList ul {
      width: 100%;
      display: block;
      margin: 0;
   }
   #main .professionalDevList li {position: relative;height: 20.8vw;padding: 0;cursor: pointer;overflow: hidden;}
   #main .professionalDevList li .bg {width: 100%;height: 100%;}
   #main .professionalDevList li .box {width: 100%;height: 100%;position: absolute;top: 5.2vw;left: 0;transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;}
   #main .professionalDevList li::before {content: "";width: 10px;height: 10px;opacity: 0;border-radius: 50%;position: absolute;top: -20px;left: -20px;background-image: linear-gradient(90deg, rgba(0, 220, 98, .6) 0%, rgba(141, 241, 0, .6) 140%), linear-gradient( rgba(254, 104, 46, .6), rgba(254, 104, 46, .6));background-blend-mode: normal, normal;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
   #main .professionalDevList li:hover::before {width: 50vw;height: 50vw;transform: scale(1.5);opacity: 1;}
   #main .professionalDevList li:hover .box {top: 0;}
   #main .professionalDevList li .box .txt {position: absolute;top: 4.8vw;left: 5.1vw;color: #FFF;}
   #main .professionalDevList li .box .txt span:nth-child(1) {font-family: "Gotham Bold";font-size: 2.1vw;display: block;line-height: 1;}
   #main .professionalDevList li .box .txt span:nth-child(2) {font-size: 2.1vw;position: relative;padding-left: 15px;float: left;margin-top: 5px;}
   #main .professionalDevList li .box .txt span:nth-child(2)::before {content: "";width: 0.4vw;height: 1.9vw;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient( #fb682e, #fb682e);position: absolute;left: 0;top: 0.5vw;}
   #main .professionalDevList li:hover .box .txt span:nth-child(2)::before {background-image: initial;background-color: #FFF;}
   #main .professionalDevList li .box .more {width: 140px;height: 40px;line-height: 40px;border-radius: 40px;color: #01DD62;background-color: #FFF;position: absolute;top: 14.8vw;left: 5.2vw;font-size: 15px;display: flex;align-items: center;justify-content: center;font-weight: bold;opacity: 0;}
   #main .professionalDevList li:hover .box .more {opacity: 1;}
   #main .professionalDevList li .box .more i {font-size: 20px;padding-left: 25px;}
   #main .professionalDevList li .box .icon {width: 5.7vw;height: 5.7vw;position: absolute;top: 5.5vw;right: 5.1vw;}
   #main #newsList {position: relative;}
   #main #newsList #swiper-news {width: 90%;}
   #main #newsList #swiper-news .swiper-slide{width:32%;padding: 20px;background-color: #F8F8F8;cursor: pointer;}
   #main #newsList #swiper-news .swiper-slide::after {content: "";width: 100%;height: 4px;position: absolute;bottom: 0;left: 0;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient( #99cc00,  #99cc00); background-blend-mode: normal,  normal;}
   #main #newsList #swiper-news .swiper-slide:hover {background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient( #99cc00,  #99cc00); background-blend-mode: normal,  normal;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(1) {overflow: hidden;}
   #main #newsList #swiper-news .swiper-slide img {transition: all .5s;}
   #main #newsList #swiper-news .swiper-slide:hover img {transform: scale(1.1);}
   #main #newsList #swiper-news .swiper-slide p:nth-child(2) {font-family: "Gotham Book";margin: 2.1vw 0 1.4vw;font-size: 0.9vw;color: #444;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(3) {line-height: 2.2vw;margin: 0;color: #444;letter-spacing: 2px;font-size: 1.6vw;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(4) {display: flex;align-items: center;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(4) span {display: none;color: #FFF;margin-right: 20px;}
   #main #newsList #swiper-news .swiper-slide p:nth-child(4) i {color: #01dd62;font-size: 1.2vw;padding: 1vw 0;display: block;}
   #main #newsList #swiper-news .swiper-slide:hover p:nth-child(2), #main #newsList #swiper-news .swiper-slide:hover p:nth-child(3) {color: #FFF;}
   #main #newsList #swiper-news .swiper-slide:hover p:nth-child(4) span {display: block;}
   #main #newsList #swiper-news .swiper-slide:hover p:nth-child(4) i {color: #FFF;}
   #main #newsList .swiper-button-prev, #main #newsList .swiper-button-next {width: 40px;height: 40px;line-height: 40px;background-color: #FFF;color: #01DD62;border: 2px solid #01DD62;opacity: 1;border-radius: 50%;background-image: initial;font-size: 24px;text-align: center;outline: none;top: 43%;}
   #main #newsList .swiper-button-prev {left: 1.5vw;transform: rotate(180deg);}
   #main #newsList .swiper-button-next {right: 1.5vw;}
   #main #newsList .swiper-button-prev:hover, #main #newsList .swiper-button-next:hover {background-color: #01dd62;color: #FFF;}
   #main #newsList .more {width: 11.5vw;height: 3.1vw;line-height: 3.1vw;margin: 3.7vw auto 0;border-radius: 60px;color: #FFF;font-size: 0.9vw;display: flex;align-items: center;justify-content: space-between;padding: 0 2.1vw;background-image: linear-gradient(90deg, #00dc62 0%, #8dd600 100%), linear-gradient(#99cc00, #99cc00);background-blend-mode: normal, normal;cursor: pointer;}
   #main #newsList .more i {font-size: 1.5vw;margin-left: 0;}
   .videoModel {width: 100%;height: 100%;background-color: rgba(0, 0, 0, .7);display: none;position: fixed;top: 0;left: 0;z-index: 9999;}
   .videoModel #videoBox {width: 800px;height: 500px;display: none;margin: 150px auto;background-color: #000;}
   .videoModel #videoBox source{width: 100%;height: 100%;}
}